<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>搜索结果页面</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="images/bee.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png"> -->

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <!-- <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> -->

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
</head>
<body style="background: url(images/bg1.png) no-repeat;background-size: cover; background-attachment:fixed;">
  
  <!--在这里编写你的代码-->
  <!-- 页头 -->
  <header data-am-widget="header"
  class="am-header am-header-default" style="background-image: linear-gradient(to right,#F8C975 0%,#FEFEFE 100%);">
  <div class="am-header-left am-header-nav">
  <!-- <a href="#left-link">
      <span class="am-header-nav-title">
        首页
      </span>
  
        <i class="am-header-icon am-icon-home"></i>
  </a> -->
  <ul>
      <li style="display: flex;flex-direction: row;">
          <!-- <img src="images/nan.png" alt="管理员联系方式" style="width: 100px; height: 30px;margin-top: 8px;margin-left: -40px;"> -->
          <img src="images/bee.png" alt="管理员联系方式" style="width: 30px; height: 30px;margin-top: 5%; margin-left: -20%;">
          <p style="color: #000; margin-top: 0;font-size: 16px;">小蜜蜂图片收集网</p>
      </li>
  </ul>
  </div>
  


  <h1 class="am-header-title">
  <a href="#">
    <img src="images/home.png" alt="管理员联系方式" style="width: 45px; height: 35px; margin-top: 1.5%;">
    <span style="color: black; font-weight: 700; font-size: x-large;">平台首页</span>
  </a>
  </h1>

  <div class="am-header-right am-header-nav">
    <a href="#">
        <img src="images/rw.png" alt="管理员联系方式" style="width: 45px; height: 35px; margin-top: 1.5%;">
        <span style="color: black; font-weight: 700; font-size: large;">我的任务</span>
      </a>
    <a href="#">
        <img src="images/xr.png" alt="管理员联系方式" style="width: 35px; height: 25px; margin-top: 1.5%;">
        <span style="color: black; font-weight: 700; font-size: large;">个人中心</span>
      </a>
    </div>

  </header>


  <div class="am-container" style="background-color: rgba(241, 246, 249, 0.65); margin-top: 60px; 
   box-shadow: 5px 5px 5px rgba(0,0,0,0.1); 
  border-radius: 5px; ">
      <div class="am-g" style="margin-top: 10vh;  text-align: center;">
        <div class="am-u-sm-12 am-u-sm-centered">
          <input type="text" class="" id="sousuo" placeholder= “${param.keys}” style="border-radius: 10px;
          width: 600px;height: 65px; font-size: large;background-color: #EEEEEE;border: none;">
          <button type="button" class="am-btn am-btn-danger am-round" style="background-color: #F6B541; 
          width: 100px; height: 65px; margin-left: 0.1vw;border-radius: 10px;border: none; color: #000;">
              <img src="images/ss.png">
          </button>
        </div>
      </div>
  
        <div class="am-g" style="margin-top: 10vh;">
          <div class="am-u-sm-5 " style="margin-left: 12px; ">
            <div class="am-btn-group" >
              <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按编号搜索</button>
              <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按标签搜索</button>
              <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按发起人搜索</button>
            </div>
          </div>
        </div>
  
        <ul class="tasklist" style="list-style: none; padding: 0;">
          
  
        </ul>
            

  </div>





<!--[if (gte IE 9)|!(IE)]><!-->
<!-- <script src="assets/js/jquery.min.js"></script> -->
<!--<![endif]-->
<!--[if lte IE 8 ]-->
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<!--[endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script>
  // const http = new XMLHttpRequest()
  // http.open('POST','http://localhost/login')
  // http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // http.send('username=' + username + '&password=' + password)

  // http.onreadystatechange = function()
  // {
  //     if(http.readyState == 4 && http.status == 200)
  //     {
  //         console.log(http.responseText)
  //         if(http.responseText.indexOf(true)+1)
  //         {
  //             //window.location.href='./yfpage.html'
  //             window.location.href='./test2.html'
  //             http.responseText

  //         }
          
          
  //     }
  // }

$list=$('.tasklist');
var arr=[{
    bianhao:'001',
    biaoqian:'a',
    begin:'1',
    close:'2',
    user:'社会你彬哥',
    detail:'我想要一张猫的图片，需要它哈哈222222222222222222222222222222222222222222222222222222222222哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
    tel:'12222222222'
  },
  {
    bianhao:'002',
    biaoqian:'b',
    begin:'3',
    close:'4',
    user:'社会你彬哥',
    detail:'我想要一张猫的图片，需要它哈哈哈哈11111111111111111111111111111111111哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
    tel:'18888888888'
  },
  {
    bianhao:'003',
    biaoqian:'c',
    begin:'5',
    close:'6',
    user:'社会你彬哥',
    detail:'我想要一张猫的图片，需要它哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
    tel:'15366666666'
  }]

  $(function(){
    for(let i=0;i<arr.length;i++){
      //搜索页面任务列表 未登录首页任务列表 已登录首页任务列表
      // $list.append('<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin-top: 1vh; border-bottom: none; " >\
      //     <div class="am-list-news-bd">\
      //     <ul class="am-list">\
      //       <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //         <!-- <label style="height: 30px; font-size:large; font-family: SimHei; font-weight: 700;">\
      //           <img src="images/ss.png">\
      //         </label> -->\
      //         <div class="am-g">\
      //           <div class="am-u-sm-2">\
      //             <img src="images/ss.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //         <span style="font-size:large; font-family: SimHei; font-weight: 700;">任务编号：</span>\
      //           </div>\
      //           <div class="am-u-sm-2 am-u-end" id="kkk">\
      //             <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['bianhao']+'</label>\
      //             </div>\
      //         </div>\
      //         </li>\
      //         <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //           <div class="am-g">\
      //             <div class="am-u-sm-2" >  <!-- style="margin-left: -161px;" -->\
      //               <img src="images/bq.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //               <span style="font-size:large; font-family: SimHei; font-weight: 700;">标签：</span>\
      //             </div>\
      //             <div class="am-u-sm-2 am-u-end">\
      //               <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['biaoqian']+'</label>\
      //             </div>\
      //           </div>\
      //         </li>\
      //         <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //     <div class="am-g">\
      //       <div class="am-u-sm-2" >\
      //         <img src="images/sj.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //     <span style="font-size:large; font-family: SimHei; font-weight: 700;">起止日期：</span>\
      //       </div>\
      //       <div class="am-u-sm-3" >\
      //           <div class="am-form-group am-form-icon">\
      //             <i class="am-icon-calendar"></i>\
      //             <input type="text" class="am-form-field" placeholder="开始日期" value="'+arr[i]['begin']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
      //           </div>\
      //       </div>\
      //       <div class="am-u-sm-3 ">\
      //         <div class="am-form-group am-form-icon">\
      //           <i class="am-icon-calendar"></i>\
      //           <input type="text" class="am-form-field" placeholder="结束日期" value="'+arr[i]['close']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
      //         </div>\
      //       </div>\
      //       <div class="am-u-sm-3 " style="text-align: center;">\
      //         <button type="button" class="am-btn am-btn-danger am-round" style="background-color: #75C3B6; text-align: center;\
      //     width: 150px; height: 50px; margin-top: 2vh;margin-bottom: 2vh; border-radius: 10px;border: none; color: #000; font-family: SimHei;font-size: x-large;">\
      //         查看详情</button>\
      //       </div>\
      //     </div>\
      //     </li>\
      //     <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //       <div class="am-g">\
      //         <div class="am-u-sm-2">\
      //           <img src="images/xr.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //           <span style="font-size:large; font-family: SimHei; font-weight: 700;">发起人：</span>\
      //         </div>\
      //         <div class="am-u-sm-2 am-u-end">\
      //           <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['user']+'</label>\
      //         </div>\
      //       </div>\
      //     </li>\
      //     </ul>\
      //     </div>\
      //       </div>')
      //发出的任务中心
      // $list.append('<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin-top: 1vh; border-bottom: none; " >\
      //     <div class="am-list-news-bd">\
      //     <ul class="am-list">\
      //       <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //         <!-- <label style="height: 30px; font-size:large; font-family: SimHei; font-weight: 700;">\
      //           <img src="images/ss.png">\
      //         </label> -->\
      //         <div class="am-g">\
      //           <div class="am-u-sm-2">\
      //             <img src="images/ss.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //         <span style="font-size:large; font-family: SimHei; font-weight: 700;">任务编号：</span>\
      //           </div>\
      //           <div class="am-u-sm-2 am-u-end" id="kkk">\
      //             <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['bianhao']+'</label>\
      //             </div>\
      //         </div>\
      //         </li>\
      //         <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //           <div class="am-g">\
      //             <div class="am-u-sm-2" >  <!-- style="margin-left: -161px;" -->\
      //               <img src="images/bq.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //               <span style="font-size:large; font-family: SimHei; font-weight: 700;">标签：</span>\
      //             </div>\
      //             <div class="am-u-sm-2 am-u-end">\
      //               <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['biaoqian']+'</label>\
      //             </div>\
      //           </div>\
      //         </li>\
      //         <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //     <div class="am-g">\
      //       <div class="am-u-sm-2" >\
      //         <img src="images/sj.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //     <span style="font-size:large; font-family: SimHei; font-weight: 700;">起止日期：</span>\
      //       </div>\
      //       <div class="am-u-sm-3" >\
      //           <div class="am-form-group am-form-icon">\
      //             <i class="am-icon-calendar"></i>\
      //             <input type="text" class="am-form-field" placeholder="开始日期" value="'+arr[i]['begin']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
      //           </div>\
      //       </div>\
      //       <div class="am-u-sm-3 ">\
      //         <div class="am-form-group am-form-icon">\
      //           <i class="am-icon-calendar"></i>\
      //           <input type="text" class="am-form-field" placeholder="结束日期" value="'+arr[i]['close']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
      //         </div>\
      //       </div>\
      //       <div class="am-u-sm-3 " style="text-align: center;">\
      //         <button type="button" class="am-btn am-btn-danger am-round" style="background-color: #75C3B6; text-align: center;\
      //     width: 150px; height: 50px; margin-top: 2vh;margin-bottom: 2vh; border-radius: 10px;border: none; color: #000; font-family: SimHei;font-size: x-large;">\
      //         查看详情</button>\
      //       </div>\
      //     </div>\
      //     </li>\
      //     <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
      //          <div class="am-g">\
      //            <div class="am-u-sm-2">\
      //              <img src="images/sx.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
      //              <span style="font-size:large; font-family: SimHei; font-weight: 700;">需求描述：</span>\
      //            </div>\
      //            <div class="am-u-sm-2 am-u-end">\
      //              <textarea class="" rows="4" id="doc-ta-1" style="width: 35vw; border-radius: 10px;margin-bottom: 2vh;" readonly>'+arr[i]['detail']+'</textarea>\
      //            </div>\
      //          </div>\
      //      </li>\
      //     </ul>\
      //     </div>\
      //       </div>')
      //       接收的任务中心
            $list.append('<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin-top: 1vh; border-bottom: none; " >\
          <div class="am-list-news-bd">\
          <ul class="am-list">\
            <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
              <!-- <label style="height: 30px; font-size:large; font-family: SimHei; font-weight: 700;">\
                <img src="images/ss.png">\
              </label> -->\
              <div class="am-g">\
                <div class="am-u-sm-2">\
                  <img src="images/ss.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
              <span style="font-size:large; font-family: SimHei; font-weight: 700;">任务编号：</span>\
                </div>\
                <div class="am-u-sm-2 am-u-end" id="kkk">\
                  <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['bianhao']+'</label>\
                  </div>\
              </div>\
              </li>\
              <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
                <div class="am-g">\
                  <div class="am-u-sm-2" >  <!-- style="margin-left: -161px;" -->\
                    <img src="images/bq.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
                    <span style="font-size:large; font-family: SimHei; font-weight: 700;">标签：</span>\
                  </div>\
                  <div class="am-u-sm-2 am-u-end">\
                    <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['biaoqian']+'</label>\
                  </div>\
                </div>\
              </li>\
              <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
          <div class="am-g">\
            <div class="am-u-sm-2" >\
              <img src="images/sj.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
          <span style="font-size:large; font-family: SimHei; font-weight: 700;">起止日期：</span>\
            </div>\
            <div class="am-u-sm-3" >\
                <div class="am-form-group am-form-icon">\
                  <i class="am-icon-calendar"></i>\
                  <input type="text" class="am-form-field" placeholder="开始日期" value="'+arr[i]['begin']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
                </div>\
            </div>\
            <div class="am-u-sm-3 ">\
              <div class="am-form-group am-form-icon">\
                <i class="am-icon-calendar"></i>\
                <input type="text" class="am-form-field" placeholder="结束日期" value="'+arr[i]['close']+'" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>\
              </div>\
            </div>\
            <div class="am-u-sm-3 " style="text-align: center;">\
              <button type="button" class="am-btn am-btn-danger am-round" style="background-color: #75C3B6; text-align: center;\
          width: 150px; height: 50px; margin-top: 2vh;margin-bottom: 2vh; border-radius: 10px;border: none; color: #000; font-family: SimHei;font-size: x-large;">\
              查看详情</button>\
            </div>\
          </div>\
          </li>\
          <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
               <div class="am-g">\
                 <div class="am-u-sm-2">\
                   <img src="images/sx.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
                   <span style="font-size:large; font-family: SimHei; font-weight: 700;">需求描述：</span>\
                 </div>\
                 <div class="am-u-sm-2 am-u-end">\
                   <textarea class="" rows="4" id="doc-ta-1"  style="width: 35vw; border-radius: 10px;margin-bottom: 2vh;" readonly>'+arr[i]['detail']+'</textarea>\
                 </div>\
               </div>\
           </li>\
           <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
                    <div class="am-g">\
                      <div class="am-u-sm-2">\
                        <img src="images/xr.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
                        <span style="font-size:large; font-family: SimHei; font-weight: 700;">发起人：</span>\
                      </div>\
                      <div class="am-u-sm-2 am-u-end">\
                        <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['user']+'</label>\
                      </div>\
                    </div>\
                </li>\
                <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">\
            <div class="am-g">\
              <div class="am-u-sm-2">\
                <img src="images/bq.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">\
                <span style="font-size:large; font-family: SimHei; font-weight: 700;">联系方式：</span>\
              </div>\
              <div class="am-u-sm-2 am-u-end">\
                <label style="margin-top: 2vh;margin-bottom: 2vh;">'+arr[i]['tel']+'</label>\
              </div>\
            </div>\
          </li>\
          </ul>\
          </div>\
            </div>')
          }
  })
</script>
</body>
</html>



<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>搜索结果页面</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="images/bee.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png"> -->

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <!-- <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> -->

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
  <script src="../../routes/vue.js"></script>
</head>
<body style="background: url(images/bg1.png) no-repeat;background-size: cover; background-attachment:fixed;">
  
  <!--在这里编写你的代码-->
  <!-- 页头 -->
  <header data-am-widget="header"
  class="am-header am-header-default" style="background-image: linear-gradient(to right,#F8C975 0%,#FEFEFE 100%);">
  <div class="am-header-left am-header-nav">
  <!-- <a href="#left-link">
      <span class="am-header-nav-title">
        首页
      </span>
  
        <i class="am-header-icon am-icon-home"></i>
  </a> -->
  <ul>
      <li style="display: flex;flex-direction: row;">
          <!-- <img src="images/nan.png" alt="管理员联系方式" style="width: 100px; height: 30px;margin-top: 8px;margin-left: -40px;"> -->
          <img src="images/bee.png" alt="管理员联系方式" style="width: 30px; height: 30px;margin-top: 5%; margin-left: -20%;">
          <p style="color: #000; margin-top: 0;font-size: 16px;">小蜜蜂图片收集网</p>
      </li>
  </ul>
  </div>
  


  <h1 class="am-header-title">
  <a href="#">
    <img src="images/home.png" alt="管理员联系方式" style="width: 45px; height: 35px; margin-top: 1.5%;">
    <span style="color: black; font-weight: 700; font-size: x-large;" onclick="yfpage()">平台首页</span>
  </a>
  </h1>

  <div class="am-header-right am-header-nav">
    <a href="#">
        <img src="images/rw.png" alt="管理员联系方式" style="width: 45px; height: 35px; margin-top: 1.5%;">
        <span style="color: black; font-weight: 700; font-size: large;" onclick="rw()">我的任务</span>
      </a>
    <a href="#">
        <img src="images/xr.png" alt="管理员联系方式" style="width: 35px; height: 25px; margin-top: 1.5%;">
        <span style="color: black; font-weight: 700; font-size: large;">个人中心</span>
      </a>
    </div>

  </header>


  <div class="am-container" style="background-color: rgba(241, 246, 249, 0.65); margin-top: 60px; 
   box-shadow: 5px 5px 5px rgba(0,0,0,0.1); 
  border-radius: 5px; ">
    <div class="am-g" style="margin-top: 10vh;  text-align: center;">
      <div class="am-u-sm-12 am-u-sm-centered">
        <input type="text" class="" id="sousuo" style="border-radius: 10px;
        width: 600px;height: 65px; font-size: large;background-color: #EEEEEE;border: none;">
        <button type="button" onclick="search()" class="am-btn am-btn-danger am-round" style="background-color: #F6B541; 
        width: 100px; height: 65px; margin-left: 0.1vw;border-radius: 10px;border: none; color: #000;">
            <img src="images/ss.png">
        </button>
        <script>
            function oneValues(){
              var result;
              var url=decodeURI(window.location.search); //获取url中"?"符后的字串  
              if(url.indexOf("?") != -1) {
                  result = url.substr(url.indexOf("=")+1);
              }
              return result;
          }
        sousuo.placeholder = oneValues()
        </script>
      </div>
    </div>

      <div class="am-g" style="margin-top: 10vh;">
        <div class="am-u-sm-5 " style="margin-left: 12px; ">
          <div class="am-btn-group" >
            <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按编号搜索</button>
            <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按标签搜索</button>
            <button type="button" class="am-btn am-btn-primary am-round" style="background-color: #75C3B6;">按发起人搜索</button>
          </div>
        </div>
      </div>
<div id="tasklist">
    <div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin-top: 1vh; border-bottom: none; " v-for="(item ,i) in arr">
      <div class="am-list-news-bd">
      <ul class="am-list">
        <li 
           class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">
          <!-- <label style="height: 30px; font-size:large; font-family: SimHei; font-weight: 700;">
            <img src="images/ss.png">
          </label> -->
          <div class="am-g">
            <div class="am-u-sm-2">
              <img src="images/ss.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">
          <span style="font-size:large; font-family: SimHei; font-weight: 700;">任务编号：</span>
            </div>
            <div class="am-u-sm-2 am-u-end" id="kkk">
              <label style="margin-top: 2vh;margin-bottom: 2vh;">{{item.bianhao}}</label>
              </div>
          </div>
          </li>
          <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">
            <div class="am-g">
              <div class="am-u-sm-2" >  <!-- style="margin-left: -161px;" -->
                <img src="images/bq.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">
                <span style="font-size:large; font-family: SimHei; font-weight: 700;">标签：</span>
              </div>
              <div class="am-u-sm-2 am-u-end">
                <label style="margin-top: 2vh;margin-bottom: 2vh;">{{item.biaoqian}}</label>
              </div>
            </div>
          </li>
          <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">
      <div class="am-g">
        <div class="am-u-sm-2" >
          <img src="images/sj.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">
      <span style="font-size:large; font-family: SimHei; font-weight: 700;">起止日期：</span>
        </div>
        <div class="am-u-sm-3" >
            <div class="am-form-group am-form-icon">
              <i class="am-icon-calendar"></i>
              <input type="text" class="am-form-field" placeholder="开始日期" v-bind:value="item.begin" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>
            </div>
        </div>
        <div class="am-u-sm-3 ">
          <div class="am-form-group am-form-icon">
            <i class="am-icon-calendar"></i>
            <input type="text" class="am-form-field" placeholder="结束日期" v-bind:value="item.close" style=" margin-top: 2vh;margin-bottom: 2vh;" readonly>
          </div>
        </div>
        <div class="am-u-sm-3 " style="text-align: center;">
          <button type="button" class="am-btn am-btn-danger am-round" v-bind:id="item.bianhao" style="background-color: #75C3B6; text-align: center;
      width: 150px; height: 50px; margin-top: 2vh;margin-bottom: 2vh; border-radius: 10px;border: none; color: #000;
       font-family: SimHei;font-size: x-large;" onclick="lookdetail(id)">
          查看详情</button>
        </div>
      </div>
      </li>
      <li class="am-g am-list-item-dated" style="border-color: rgba(255,255,255, 0.65); background-color: rgba(255,255,255, 0.65);">
        <div class="am-g">
          <div class="am-u-sm-2">
            <img src="images/xr.png" style="width: 30px; height: 30px; margin-top: 2vh;margin-bottom: 2vh;">
            <span style="font-size:large; font-family: SimHei; font-weight: 700;">发起人：</span>
          </div>
          <div class="am-u-sm-2 am-u-end">
            <label style="margin-top: 2vh;margin-bottom: 2vh;">{{item.user}}</label>
          </div>
        </div>
      </li>
      </ul>
      </div>
        </div>
</div>
      

  </div>

<!-- 页脚 -->
<footer data-am-widget="footer"
class="am-footer am-footer-default"
 data-am-footer="{  }" style="background-color: rgba(255,255,255,0) ;">
<div class="am-footer-switch">
<span class="am-footer-ysp" data-rel="mobile"
data-am-modal="{target: '#am-switch-mode'}">
云适配版
</span>
<span class="am-footer-divider"> | </span>
<a id="godesktop" data-rel="desktop" class="am-footer-desktop" href="javascript:">
电脑版
</a>
</div>
<div class="am-footer-miscs ">

<p>由 <a href="http://www.yunshipei.com/" title="诺亚方舟"
                                      target="_blank">诺亚方舟</a>
  提供技术支持</p>
<p>CopyRight©2014  AllMobilize Inc.</p>
<p>京ICP备13033158</p>
<br>
<p>NaN团队--小蜜蜂图片收集网</p>
</div>
</footer>

<div id="am-footer-modal"
class="am-modal am-modal-no-btn am-switch-mode-m am-switch-mode-m-default">
<div class="am-modal-dialog">
<div class="am-modal-hd am-modal-footer-hd">
<a href="javascript:void(0)" data-dismiss="modal" class="am-close am-close-spin " data-am-modal-close>&times;</a>
</div>
<div class="am-modal-bd">
您正在浏览的是

<span class="am-switch-mode-owner">
  云适配
</span>

<span class="am-switch-mode-slogan">
    为您当前手机订制的移动网站。
</span>
</div>
</div>
</div>



<!--[if (gte IE 9)|!(IE)]><!-->
<!-- <script src="assets/js/jquery.min.js"></script> -->
<!--<![endif]-->
<!--[if lte IE 8 ]-->
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<!--[endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script>

  function search()
  {
    const key = document.getElementById("sousuo").value
    console.log('111')
    var http = new XMLHttpRequest()
    http.open('POST','http://localhost/search')
    http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    http.send('key=' + key)

    http.onreadystatechange = function()
            {
                if(http.readyState == 4 && http.status == 200)
                {
                    console.log(http.responseText)
                    // console.log(eval(http.responseText))
                    console.log(JSON.parse(http.responseText).a)
                    console.log(JSON.parse(http.responseText).a[0]['taskinfo'])
                    if(http.responseText.indexOf(true)+1)
                    {
                        // window.location.href='./ssjieguo.html?key=' + key
                    }
                }
            }
  }
  function yfpage(){
    window.location.href='./yfpage.html'
  }
  function rw(){
    window.location.href='./jobfachu.html'
  }
  function lookdetail(id){
    // console.log(id);
    sessionStorage.setItem('tasknum',id)
    window.location.href='./rwxiangqing.html?id='+id
  }

  // $list=$('.tasklist');

  // $(function(){
  //   for(let i=0;i<arr.length;i++){
  //     //搜索页面任务列表 未登录首页任务列表 已登录首页任务列表
  //     $list.append('')
  //   }
  // });
  var vm = new Vue({
        el: '#tasklist',
        data: {
          arr:[{
            bianhao:'001',
            biaoqian:'a',
            begin:'1',
            close:'2',
            user:'社会你彬哥',
            detail:'我想要一张猫的图片，需要它哈哈222222222222222222222222222222222222222222222222222222222222哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
            tel:'12222222222'
          },
          {
            bianhao:'002',
            biaoqian:'b',
            begin:'3',
            close:'4',
            user:'社会你彬哥',
            detail:'我想要一张猫的图片，需要它哈哈哈哈11111111111111111111111111111111111哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
            tel:'18888888888'
          },
          {
            bianhao:'003',
            biaoqian:'c',
            begin:'5',
            close:'6',
            user:'社会你彬哥',
            detail:'我想要一张猫的图片，需要它哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈',
            tel:'15366666666'
          }]
        },
        methods: {
            details: function() {
                return  this.site + " - 学的不仅是技术，更是梦想！";
            }
        }
    })
</script>
</body>
</html>


//任务详情
<script>
  // function oneValues(){
  //           var result;
  //           var url=decodeURI(window.location.lookdetail(id)); //获取url中"?"符后的字串  
  //           if(url.indexOf("?") != -1) {
  //               result = url.substr(url.indexOf("=")+1);
  //           }
  //           return result;
  //           console.log(result)
  //       }
        var id=sessionStorage.getItem('tasknum')
        console.log(id)
</script>